@charset "utf-8";
@import "reset";
html{
    font-size: 40px;
      }
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
body{
    font-size: 16px;
}
.index_banner{ 
    width: 70%;
    position: relative;
    .index_banner_local{
        position: absolute;
         top: 40%;
        left:25%;
        >p{
            text-align: center;
            font-size: r(48);
        }
    }
}
.seemore_all{
    width: 70%;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-top: 3%;
    .seemore_1{
        .seemore_1_img{
            >img{
                width: 100%;
            }
        }
        .seemore_1_p{
            margin-top: 5%;
            margin-bottom: 8%;
            text-align: center;
            border-top: 1px solid #d9d7cc;
            border-bottom: 1px solid #d9d7cc;
            >p{
                font-size:25px;
                line-height: 1.8;
                color: #878787;
                >span{
                    font-size: 20px;
                }
            }
            >p:hover{
                color: #FEC6B2;
                font-size: 27px;
            }
        }
    }
}
.new_lis{
    width: 45%;
    margin: 0 auto;
    >ul{
        >li{
            margin-top: 5%;
            .new_lis_all{
                display: flex;
                display: -webkit-flex;
                justify-content: space-between;
                .new_lis_all_rt{
                    display: flex;
                    display: -webkit-flex;
                    justify-content: space-around; 
                    flex-direction:column;
                    margin-left: 5%;
                    .new_lis_all_rt_p{
                        
                        >h6{
                            >a{
                                font-size:20px;
                                color: #1b5999;
                                line-height: 2;
                            } 
                        }
                        >h5{
                                font-size:27px;
                                color: #262626;
                                line-height: 1.5;
                        }
                        >p{
                            font-size: 18px;
                            color: #747474;
                            line-height: 1;
                        }
                    }
                }
                .new_lis_all_seemore{
                    width: r(210);
                    height: r(58);
                    border: 2px solid #000000;
                    display: flex;
                    display: -webkit-flex;
                    justify-content: center;
                    align-items: center;
                    >a{
                        font-size:20px;
                        color: #000000;
                    }
                    >a:hover{
                        color: #FEC6B2;
                        font-size: 27px;
                    }
                }
            }
            .loadMore{
                display: flex;
                display: -webkit-flex;
                justify-content: center;
                align-items: center;
                height:r(58);
                width: r(302);
                margin: 0 auto;
                border: 2px solid #000000;
                margin-bottom: 10%;
                >a{
                    color: #000000;
                    font-size: 20px;
                }
                >a:hover{
                        color: #FEC6B2;
                        font-size: 27px;
                    }
            }
        }
    }
}


//移动端
@media only screen and (max-width:768px){
    .index_banner{ 
    width: 95%;
    position: relative;
    .index_banner_local{
        position: absolute;
        top: 35%;
         left: 20%;
        >p{
            text-align: center;
            font-size:2.25rem;
        }
    }
}
.seemore_all{
    width: 95%;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-top: 3%;
    flex-wrap: wrap;
    .seemore_1{
        .seemore_1_img{
            >img{
                width: 100%;
            }
        }
        .seemore_1_p{
            margin-top: 5%;
            margin-bottom: 8%;
            text-align: center;
            border-top: 1px solid #d9d7cc;
            border-bottom: 1px solid #d9d7cc;
            >p{
                font-size:18px;
                line-height: 1.8;
                color: #878787;
                >span{
                    font-size: 15px;
                }
            }
            >p:hover{
                color: #FEC6B2;
                font-size: 27px;
            }
        }
    }
}
.new_lis{
    width: 95%;
    margin: 0 auto;
    >ul{
        >li{
            margin-top: 5%;
            .new_lis_all{
                display: flex;
                display: -webkit-flex;
                justify-content: space-between;
                flex-wrap: wrap;
                .new_lis_all_lf{
                    >img{
                        width: 100%;
                    }
                }
                .new_lis_all_rt{
                    display: flex;
                    display: -webkit-flex;
                    justify-content: space-around; 
                    flex-direction:column;
                    margin-left: 0%;
                    .new_lis_all_rt_p{
                        
                        >h6{
                            >a{
                                font-size:18px;
                                color: #1b5999;
                                line-height: 2;
                            } 
                        }
                        >h5{
                                font-size:16px;
                                color: #262626;
                                line-height: 1.5;
                        }
                        >p{
                            font-size: 14px;
                            color: #747474;
                            line-height: 1;
                        }
                    }
                }
                .new_lis_all_seemore{
                    width: 8.9rem;
                    height:2.25rem;
                    border: 1px solid #000000;
                    display: flex;
                    display: -webkit-flex;
                    justify-content: center;
                    align-items: center;
                    margin-top: 5%;
                    >a{
                        font-size:10px;
                        color: #000000;
                    }
                    >a:hover{
                        color: #FEC6B2;
                        font-size: 15px;
                    }
                }
            }
            .loadMore{
                display: flex;
                display: -webkit-flex;
                justify-content: center;
                align-items: center;
                width: 10.55rem;
                height: 2.45rem;
                
                margin: 0 auto;
                border: 2px solid #000000;
                margin-bottom: 10%;
                >a{
                    color: #000000;
                    font-size: 13px;
                }
                >a:hover{
                        color: #FEC6B2;
                        font-size: 17px;
                    }
            }
        }
    }
}

}